@charset "UTF-8";
.guess, .guess .product_list, .guess .product_list li .describe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* 单行文字溢出时出现省略号，需设定宽度 */
.guess .product_list li .describe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.guess .product_list li {
  float: left; }

.guess {
  overflow: hidden;
  border: 1px solid #e3e3e3;
  width: 100%;
  margin-bottom: 100px; }
  .guess .guess_title {
    width: 100%;
    height: 55px;
    background: #f6f6f6; }
    .guess .guess_title span {
      font-size: 20px;
      padding-left: 40px;
      line-height: 55px; }
  .guess .product_list {
    width: 100%;
    padding: 60px 40px 70px; }
    .guess .product_list li {
      width: 25%;
      height: 100%;
      text-align: center; }
      .guess .product_list li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #333; }
      .guess .product_list li img {
        width: 150px;
        height: 150px;
        margin: 0 auto; }
      .guess .product_list li .active_label {
        width: 100%;
        height: 25px;
        text-align: center; }
        .guess .product_list li .active_label span {
          display: inline-block;
          padding: 5px 8px;
          background: #f15a31;
          color: #fff;
          font-size: 12px; }
      .guess .product_list li .describe {
        width: 100%;
        font-size: 14px;
        padding: 5px 5px 5px; }
        .guess .product_list li .describe:hover {
          color: #b48b78; }
      .guess .product_list li .price {
        color: #e11a1f;
        font-size: 14px;
        text-align: center; }

.content {
  width: 1100px;
  margin: 0 auto;
  margin-top: 30px; }
  .content .commodity_Select {
    width: 1098px;
    border: 1px solid #d6d6d6;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #f6f6f6; }
    .content .commodity_Select span:nth-child(1) {
      position: relative;
      left: 40px;
      top: 3px; }
      .content .commodity_Select span:nth-child(1) .input_check {
        position: absolute;
        visibility: hidden; }
      .content .commodity_Select span:nth-child(1) .input_check + label {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #c6c6c6; }
      .content .commodity_Select span:nth-child(1) .input_check:checked + label:after {
        content: "";
        position: absolute;
        left: 4px;
        bottom: 12px;
        width: 9px;
        height: 5px;
        border: 1px solid red;
        border-top-color: transparent;
        border-right-color: transparent;
        -ms-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg);
        transform: rotate(-45deg); }
    .content .commodity_Select span {
      position: relative;
      color: #333333;
      top: -2px;
      left: 46px; }
    .content .commodity_Select span:nth-child(3) {
      margin-left: 95px; }
    .content .commodity_Select span:nth-child(4) {
      margin-left: 253px; }
    .content .commodity_Select span:nth-child(5) {
      margin-left: 135px; }
    .content .commodity_Select span:nth-child(6) {
      margin-left: 175px; }
    .content .commodity_Select span:nth-child(7) {
      margin-left: 95px; }
  .content .shops_commodity {
    width: 1098px;
    border: 1px solid #d6d6d6;
    margin-top: 20px;
    min-height: 20px; }
    .content .shops_commodity .shops {
      padding-top: 18px;
      padding-bottom: 18px;
      background: #f6f6f6; }
      .content .shops_commodity .shops span:nth-child(1) {
        position: relative;
        left: 40px;
        top: 3px; }
        .content .shops_commodity .shops span:nth-child(1) .input_check {
          position: absolute;
          visibility: hidden; }
        .content .shops_commodity .shops span:nth-child(1) .input_check + label {
          display: inline-block;
          width: 18px;
          height: 18px;
          border: 1px solid #c6c6c6; }
        .content .shops_commodity .shops span:nth-child(1) .input_check:checked + label:after {
          content: "";
          position: absolute;
          left: 4px;
          bottom: 12px;
          width: 9px;
          height: 5px;
          border: 1px solid red;
          border-top-color: transparent;
          border-right-color: transparent;
          -ms-transform: rotate(-60deg);
          -moz-transform: rotate(-60deg);
          -webkit-transform: rotate(-60deg);
          transform: rotate(-45deg); }
      .content .shops_commodity .shops span {
        position: relative;
        color: #333333;
        top: -2px;
        left: 46px; }
    .content .shops_commodity .commodity {
      margin-top: 40px;
      margin-bottom: -40px;
      position: relative; }
      .content .shops_commodity .commodity span:nth-child(1) {
        position: relative;
        left: 40px;
        top: -25px; }
        .content .shops_commodity .commodity span:nth-child(1) .input_check {
          position: absolute;
          visibility: hidden; }
        .content .shops_commodity .commodity span:nth-child(1) .input_check + label {
          display: inline-block;
          width: 18px;
          height: 18px;
          border: 1px solid #c6c6c6; }
        .content .shops_commodity .commodity span:nth-child(1) .input_check:checked + label:after {
          content: "";
          position: absolute;
          left: 4px;
          bottom: 12px;
          width: 9px;
          height: 5px;
          border: 1px solid red;
          border-top-color: transparent;
          border-right-color: transparent;
          -ms-transform: rotate(-60deg);
          -moz-transform: rotate(-60deg);
          -webkit-transform: rotate(-60deg);
          transform: rotate(-45deg); }
      .content .shops_commodity .commodity span {
        position: relative;
        color: #333333;
        top: 0px;
        left: 46px;
        line-height: 40px; }
      .content .shops_commodity .commodity span:nth-child(2) {
        margin-left: 40px; }
      .content .shops_commodity .commodity span:nth-child(3) {
        top: -40px;
        margin-left: 30px; }
        .content .shops_commodity .commodity span:nth-child(3) p {
          position: absolute;
          display: inline-block;
          top: 10px;
          left: 0px;
          font-size: 12px;
          color: #999999; }
      .content .shops_commodity .commodity span:nth-child(4) {
        position: relative;
        top: -80px;
        left: 500px; }
        .content .shops_commodity .commodity span:nth-child(4) div {
          display: inline; }
      .content .shops_commodity .commodity span:nth-child(5) {
        position: absolute;
        top: 10px;
        left: 850px;
        color: #e11a1f; }
        .content .shops_commodity .commodity span:nth-child(5) div {
          display: inline; }
      .content .shops_commodity .commodity span:nth-child(6) {
        float: right;
        top: -80px;
        left: -60px;
        cursor: pointer; }
      .content .shops_commodity .commodity .commodity_num {
        position: relative;
        width: 98px;
        height: 24px;
        border: 1px solid #c6c6c6;
        margin-left: 640px;
        top: -115px; }
        .content .shops_commodity .commodity .commodity_num p {
          float: left;
          text-align: center;
          cursor: pointer; }
        .content .shops_commodity .commodity .commodity_num p:nth-child(1) {
          width: 24px;
          height: 24px;
          border-right: 1px solid #c6c6c6; }
        .content .shops_commodity .commodity .commodity_num p:nth-child(2) {
          width: 48px;
          height: 24px;
          border-right: 1px solid #c6c6c6; }
        .content .shops_commodity .commodity .commodity_num p:nth-child(3) {
          width: 24px;
          height: 24px;
          border-right: 0px solid #c6c6c6; }
  .content .settlement {
    width: 1098px;
    border: 1px solid #d6d6d6;
    padding-top: 17px;
    padding-bottom: 17px;
    background: #f6f6f6;
    margin-top: 20px; }
    .content .settlement span:nth-child(1) {
      position: relative;
      left: 40px; }
      .content .settlement span:nth-child(1) .input_check {
        position: absolute;
        visibility: hidden; }
      .content .settlement span:nth-child(1) .input_check + label {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #c6c6c6; }
      .content .settlement span:nth-child(1) .input_check:checked + label:after {
        content: "";
        position: absolute;
        left: 4px;
        bottom: 7px;
        width: 9px;
        height: 5px;
        border: 1px solid red;
        border-top-color: transparent;
        border-right-color: transparent;
        -ms-transform: rotate(-60deg);
        -moz-transform: rotate(-60deg);
        -webkit-transform: rotate(-60deg);
        transform: rotate(-45deg); }
    .content .settlement span:nth-child(2) {
      vertical-align: middle;
      margin-left: 80px; }
    .content .settlement span:nth-child(3) {
      position: relative;
      vertical-align: middle;
      margin-left: 450px; }
      .content .settlement span:nth-child(3) .total {
        display: inline;
        font-size: 24px;
        color: #e11a1f;
        position: absolute;
        top: -10px; }
    .content .settlement .settlement_btn {
      width: 140px;
      height: 58px;
      border: 0px;
      font-size: 20px;
      color: #ffffff;
      float: right;
      background: #b48b78;
      margin-top: -18px;
      cursor: pointer; }
